<template>
  <div>
    <h2>这里是Demo</h2>
  </div>
</template>
<script>
import {onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted } from "vue";

export default {
  name: "Test",
  setup() {
    
    onBeforeMount(()=>{
      console.log("beforeMount");
    })

    onMounted(()=>{
      console.log("onMounted");
    })

    onBeforeUpdate(()=>{
      console.log("onBeforeUpdate");
    })

    onUpdated(()=>{
      console.log("onUpdated");
    })

    onBeforeUnmount(()=>{
      console.log("onbeforeUnmount");
    })

    onUnmounted(()=>{
      console.log("onUnmounted");
    })

    return {
      
    };
  },

  // beforeCreate() {
  //   console.log("beforeCreate");
  // },

  // created() {
  //   console.log("created");
  // },

  // beforeMount() {
  //   console.log("beforeMount");
  // },

  // mounted() {
  //   console.log("mounted");
  // },

  // beforeUpdate() {
  //   console.log("beforeUpdate");
  // },

  // updated() {
  //   console.log("updated");
  // },

  // beforeUnmount() {
  //   console.log("beforeUnmount");
  // },

  // unmounted() {
  //   console.log("unmounted");
  // },

};
</script>
<style>
</style>